<template>
	<div>
    <div class="footer_box">
        <div class="index_box">
            <div class="con_2 right">
                <div class="item_1">
                    <span class="wz">关注我们</span>
                    <p class="cz"><a href="" class="qq_btn"></a><a href="" class="email_btn"></a></p>
                </div>
                <div class="blank18"></div>
                <div class="item_2">
                    <span class="wz">扫码关注<br />智富环球</span>
                    <p class="code"><img src="lib/images/code.png" alt=""></p>
                </div>
            </div>
            <div class="con_1">
                <p class="item_1"><span class="logo_name">智富环球</span><span class="ic_tel"><img src="lib/images/tel_pt.png" alt=""></span></p>
                <p class="item_2"><router-link to="/about">
                 关于智富</router-link><span class="fg">|</span><router-link to="/active" >
活动游记</router-link><span class="fg">|</span><router-link to="/travel/custom">旅游定制</router-link><span class="fg">|</span>
<router-link to="/vip" >VIP特权</router-link><span class="fg">|</span><router-link to="/hotel/list">酒店租赁</router-link><span class="fg">|
</span><router-link to="/hotel/property" >海外地产</router-link><span class="fg">|</span><router-link to="/contact">联系我们</router-link></p>
                <p class="f_wz">Copyright © 2018 智富环球版本所有 All Rights Reserved 粤ICP备18060245号</p>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <!-- 浮窗 -->
    <div class="code_fixed">
        <span class="ic_code"><img src="lib/images/ic_code.png" alt=""></span>
        <span class="gz_wz">关注智富微信<br />即可在线下单</span>
        <div class="code_pt">
            <span class="ic"></span>
            <p class="pt"><img src="lib/images/code_3.jpg" alt=""></p>
        </div>
    </div>
    </div>
</template>


<script>
export default {
	methods: {
	},
	mounted: function() {
		$(".code_fixed").hover(function(){
	        $(this).animate({right:"0px"},300);
	        $(this).find(".ic_code").animate({opacity:"0"},300);
	        $(this).find(".gz_wz").animate({opacity:"1"},300);
	    },function(){
	        $(this).animate({right:"-60px"},300);
	        $(this).find(".ic_code").animate({opacity:"1"},300);
	        $(this).find(".gz_wz").animate({opacity:"0"},300);
	        $(".code_fixed").find(".code_pt").fadeOut();
	    });
	
	    $(".code_fixed").click(function(){
	        $(this).find(".code_pt").fadeIn();
	    });
	}
}
</script>
